// 导入 snabbdom
// var snabbdom = require('snabbdom')
// import snabbdom from 'snabbdom'
import { h, init} from 'snabbdom'
console.log(h, init)

// 1.hello world
// 参数：数组，模块
// 返回值： patch函数，作用对比两个vnode的差异更新到真实DOM
let patch = init([])
// 第一个参数：标签 + 选择器
// 第二个参数：如果是字符串的话就是标签中的内容
let vnode = h('div#container.cls', 'hello world')

let app = document.querySelector('#app')
console.log(document.querySelector('#app'))
console.log(document.getElementById('app'))
// 第一个参数可以是DOM元素，内部会把DOM元素转换成VNode
// 第二个参数：VNode
// 返回值：VNode
let oldVnode = patch(app, vnode)

// 假设
vnode = h('div', 'hello Snabbodm')
patch(oldVnode, vnode)
